<template>
	<view class="repData">
		<uni-popup ref="popup" type="center" :is-mask-click="isMaskClick" :mask-background-color="maskBackgroundColor">
			<view class="popup_content">
				<view class="header">100%查找能力</view>
				<view class="content">
					<view class="title">需要开启[文件管理权限]</view>
					<view class="text">1、点击底部蓝色按钮</view>
					<view class="text">2、弹出框点击[允许]完成授权!</view>
				</view>
				<view class="btn">
					<view class="item confirm" @click="confirm">去授权</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapMutations,
		mapActions
	} from 'vuex'

	export default {
		data() {
			return {
				isMaskClick: true,
				maskBackgroundColor: "rgba(0,0,0,0.3)",
			}
		},
		methods: {
			popupOpen() {
				this.$refs.popup.open()
			},
			popupClose() {
				this.$refs.popup.close()
			},
			cancel() {
				this.$refs.popup.close()
			},
			confirm() {
				this.$refs.popup.close()
				uni.setStorageSync("SQstatus", true)
				this.$emit("goSHouQuan" )
			},


		}
	}
</script>

<style lang="scss" scoped>
	.repData {
		.popup_content {
			background: #ffffff;
			border-radius: 34.62rpx;
			
			overflow: hidden;
			width: 519.23rpx;
			height: 569.23rpx;

			.header {
				width: 519.23rpx;
				height: 184.62rpx;
				line-height: 184.62rpx;
				background: url(../../static/images/openServerTopBg.png) center top no-repeat;
				background-size: 100% 100%;
				text-align: center;
				font-size: 38.46rpx;
				font-weight: 600;
				color: #FFFFFF;
			}

			.content {
				height: 207.69rpx;
				padding: 61.54rpx 53.85rpx 0;

				.title {
					height: 42.31rpx;
					font-size: 30.77rpx;
					font-weight: 600;
					color: #333333;
					line-height: 38.46rpx;
					margin-bottom: 23.08rpx;
				}

				.text {
					font-size: 26.92rpx;
					font-weight: 400;
					color: #666666;
					line-height: 46.15rpx;
				}

			}

			.btn {
				.item {
					width: 307.69rpx;
					height: 76.92rpx;
					line-height: 76.92rpx;
					background: #226CFF;
					border-radius: 38.46rpx;
					text-align: center;
					margin: 0 auto;
					font-size: 30.77rpx;
					color: #FFFFFF;
				}


			}
		}
	}
</style>